<script setup></script>

<template>
  <button class="btn">
    <slot></slot>
  </button>
</template>

<style lang="scss" scoped>
.btn {
  @include flex-center;
  padding: 8px;
  background: transparent;
  color: var(--color-text);
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color $transition-speed;

  &:hover {
    background-color: var(--color-background);
  }
}
</style>
